» First thing you should do to optimize your desktop site for mobile Cloud Four Blog
26 days ago by keithly
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
28 days ago by keithly
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
Internet! - Imgur
29 days ago by keithly
AWESOME GRAPHICS
internet
humor
technology
webdesign
via:popular
29 days ago by keithly
Modern Web Development
5 weeks ago by keithly
"With Webkit" should added to the title
webdesign
webkit
5 weeks ago by keithly
W3Fools – A W3Schools Intervention
5 weeks ago by keithly
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
W3Schools
An Intervention
Are you using? Abusing? We are here to help.
5 weeks ago by keithly
PDF: Unfit for Human Consumption (Jakob Nielsen's Alertbox)
5 weeks ago by keithly
Still mostly true.
pdf
usability
webdesign
5 weeks ago by keithly
LESS | Stuff & Nonsense
6 weeks ago by keithly
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
10 weeks ago by keithly
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
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?
10 weeks ago by keithly
ViziBob
12 weeks ago by keithly
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
UI Prototyping Tool Made Beautiful - Create Interactive Wireframes & High Fidelity Prototypes
12 weeks ago by keithly
Create Fully Interactive Wireframes & Prototypes The Easy & Beautiful Way!
webdesign
wireframing
prototyping
12 weeks ago by keithly
Paper Tiger | A Boutique Digital Agency
february 2012 by keithly
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
february 2012 by keithly
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
february 2012 by keithly
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
january 2012 by keithly
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
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.
january 2012 by keithly
Hipster Ipsum | Artisanal filler text for your site or project.
september 2011 by keithly
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
september 2011 by keithly
Covering: Mobile First approach & Responsive web design mainly
webdesign
responsive
september 2011 by keithly
Bootstrap, from Twitter
august 2011 by keithly
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
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
august 2011 by keithly
Don’t Fear the Internet
august 2011 by keithly
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
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: