keithly + webdesign   420

» First thing you should do to optimize your desktop site for mobile Cloud Four Blog
If you could only do one thing to prepare your desktop site for mobile and had to choose between employing media queries to make it look good on a mobile device or optimizing the site for performance, you would be better served by making the desktop site blazingly fast.
mobile  performance  webdesign 
26 days ago by keithly
The single responsibility principle applied to CSS — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
If we don’t adhere to the SRP then we are likely to end up with code which does more than it should, this means that altering one part of that code could negatively impact a seemingly unrelated part of the same snippet. It also makes our code a lot less flexible in that we find our code is trying to do too much; it is too specific in its job to be portable and reusable. Abstracting chunks of functionality into several responsibilities means we can reuse a lot more of our code and recombine it over and over with other similarly abstracted chunks.
css  webdesign  programming 
28 days ago by keithly
Modern Web Development
"With Webkit" should added to the title
webdesign  webkit 
5 weeks ago by keithly
W3Fools – A W3Schools Intervention
Ha ha, can't believe I just found this.

W3Schools
An Intervention
Are you using? Abusing? We are here to help.
webdesign  css  html  javascript 
5 weeks ago by keithly
LESS | Stuff & Nonsense
I once wrote that there was no need to use a CSS pre-processor like LESS or Sass. I was wrong. Very sorry.
css  webdesign 
6 weeks ago by keithly
Style Tiles
Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.

They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.

Style Tiles are similar to the paint chips and fabric swatches an interior designer gets approval on before designing a room.
An interior designer doesn't design three different rooms for a client at the first kick-off meeting, so why do Web designers design three different webpage mockups?
webdesign  color 
10 weeks ago by keithly
ViziBob
ViziBob was built so you could keep track of what your favorite web sites look like over time. I randomly watch over it and hope you to have some fun with it. Let me know if it crashes or something ;)
webdesign  news 
12 weeks ago by keithly
Paper Tiger | A Boutique Digital Agency
We are a boutique digital agency that gets excited about unique ideas, projects and the passionate people behind them.
webdesign 
february 2012 by keithly
Lost Type Co-op
The Lost Type Co-op is a collaboration between Tyler Galpin and Riley Cran. It was founded with the intention of providing unique and quality fonts based on a pay-what-you-want model. All designers get 100% of the donations their font receives.
design  typography  webdesign 
february 2012 by keithly
24 ways: Extracting the Content
Designers and developers have been burned before by not knowing what the Content is, how long it is, what style it is and when the hell it’s actually going to be delivered, in internet eons past. Warily, they ask clients for it. But clients don’t know what to make, or what is good, because no one taught them this in business school. Designers struggle to describe what they need and when, so the conversation gets put off until it’s almost too late, and then everyone is relieved that they can take the cop-out of putting up a blog and maybe some product descriptions from the brochure.
webdesign  content  design 
february 2012 by keithly
GuideGuide
Dealing with grids in Photoshop is a pain

With GuideGuide, it doesn’t have to be. Pixel accurate columns, rows, midpoints, and baselines can be created based on your document or marquee with the click of a button. Frequently used guide sets can be saved for repeat use. Grids can use multiple types of measurements. Best of all it’s free.
photoshop  webdesign 
january 2012 by keithly
Hipster Ipsum | Artisanal filler text for your site or project.
Do you need some text for your website or whatever? *sigh* Okay…
webdesign  humor 
september 2011 by keithly
The Multi-Size Web: a Computing bag by Eric Haidara | Bagcheck
Covering: Mobile First approach & Responsive web design mainly
webdesign  responsive 
september 2011 by keithly
Stylus
Expressive, dynamic, robust CSS
css  webdesign  nodejs 
august 2011 by keithly
Bootstrap, from Twitter
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
twitter  webdesign  html  css 
august 2011 by keithly
Don’t Fear the Internet
Are you a print designer, photographer, fine-artist, or general creative person? Do you have a shitty website that you slapped together yourself in Dreamweaver in that ONE web design class that you took in college? Do you not have a site at all because you’ve been waiting two years for your cousin to put it together for you? Well, we’re here to help. We know that you have little to no desire to do web design professionally, but that doesn’t mean that you want an ugly cookie-cutter site or to settle for one that hasn't been updated since Hackers was in theaters. Through short tutorial videos, you’ll learn how to take a basic wordpress blog and manipulate the css, html (and even some php!) to match your aesthetic. You’ll feel empowered rather than crippled by the internet and worst case scenario you’ll at least end up having a better idea of how professional web designers turn your design dreams into a reality on screen.
webdesign  beginner 
august 2011 by keithly
« earlier      

related tags

@font-face  accessibility  activism  advertising  asp.net  automation  baseball  beginner  blog  blogging  books  bugs  cartography  Christian  cms  color  compression  content  css  css-sass  css3  debugging  deployment  design  development  education  firefox  flash  Floats  food  google  graphics  html  html5  humor  icons  ie  illustration  inspiration  internet  javascript  jquery  less  literature  loremipsum  mac  MacWebDev  mediaqueries  messaging  microformats  minimal  mobile  music  netadmin  news  nodejs  opensource  optimization  patterns  pdf  performance  photography  photoshop  php  posh  programming  prototyping  python  reading  reference  responsive  rss  ruby  semantics  seo  serif  slavery  socialmedia  software  softwaredevelopment  sprites  symbols  techniques  technology  tools  tutorials  twitter  typography  ui  usability  ux  validation  vector  via:popular  visualization  wales  WCAG2.0  webanalytics  webdesign  webdesignideas  webkit  wireframing  wordpress  writing  wysiwyg  xhtml 

Copy this bookmark:



description:


tags: