El capitan style kit


The beginnings of the El Capitan StyleKit.

img

img

img

img

img

img

img

img

Added larger text for the TextButton

img

img

img

img

Added Outer-Shadow to SVG asset. You might want to test if inset shadow works

img

img

img

img

img

img

img

img

img

img

img

img

img

img

vimeo

The RadioBullet

Example:

CSS:

/*coming soon*/

swift:

/*coming soon*/

Notes:

Tasks:

  • [x] RadioBullet
  • [x] CheckBox
  • [x] CheckBoxButton
  • [x] RadioButton
  • [x] TextInput
  • [x] TextArea
  • [x] SingleLineTextArea
  • [x] Text
  • [x] Stepper
  • [x] Button
  • [x] TextButton
  • [x] IconButton
  • [x] TabBar
  • [x] SearchField
  • [x] VolumeSlider
  • [x] HSlider with custom SVG track
  • [x] ColorTags
  • [x] ComboBox
  • [x] Try to add DropShadow to SVG. Make a standalone test
  • [x] Increase the font size on the TextButton
  • [x] add the question mark icon button
  • [ ] organize the css imports for the Basic components
  • [x] Add subtle dropshadow regular line-stroke to iconButton
  • [ ] Add relative path support for loading SVG
  • [ ] Create a design for the UIExplorer app with example code and nav
  • [ ] Create a simple applescript that creates Markdown img html drag and drop
  • [ ] Do research into hovering window for the combobox.
  • [ ] Add SVG’s to TitleBar Buttons. Grab the icons from the .sketch file
  • [ ] Create an unified Icon system for your kit’s
  • [ ] Make the TextReplacer project as an Example project. OpenSource it.
  • [ ] there was a bug where Container#lable would inherit from Container#main. This is not desired
  • [ ] Unify the depth styles so that they all can point to depth 0 if none is present
  • [ ] It seems that the SVGAsset must have a fill prop in the xml if you want to set a custom fill via css
  • [ ] ==Make the Window movable by its headerBar== See legacy code
  • [ ] can you move backwards in an css import: ../../basic/buttons.css etc?
  • [ ] Add items to the os menu. so you can toggle Basic advance and other
  • [ ] Update the other UI components to ElCap styles
  • [ ] Update the advance UI components to ElCap styles
  • [ ] There is a bug when Using List and NaN values. The mask doesn’t work. Find a fix

Related Posts

Startup Oslo

“Kulturhuset” is a new place in the startup scene in Oslo. It’s “free” and can be used by anyone to collaborate or work on different projects.

Infinite Tree List

My notes on Infinite tree list

Protocol Inheritance

My notes on Protocol Inheritance

Protocol Ambiguity

How to differentiate protocol ambiguity

The Ultimate Xcode Workflow

Spend zero time managing dependencies

Faster Xcode With Spm

How you can speed up compile times in XCode with Swift Package Manager

Spm And Ci Travis

My notes on Swift PM + CI Travis

Spm And Nested Frameworks

My notes on Swift package manager + XCode + Nested frameworks

Xcode And Spm

Here is how you use Swift package manager in your XCode app projects

Carthage And Nested Frameworks

A few workflows concerning Carthage and nested framework