Web Design Views - Web Design and Development Blog
There are many opinions about whether designers should or shouldn’t learn how to code. In today’s world we see a huge growth on free online photo editor tools that in many cases can replace software editing tools installed on your computer. Some of these tools don’t require any download or purchase. You can simply…
1stWebDesigner - Helping You Build a Better Web
Over 1,000,000+ icons, templates, fonts, and more. Sponsored
RMSforms – A flexible CSS Forms Framework to Help Style Those Pesky Forms
If you are a Web designer or developer, you know that styling forms with CSS is a huge pain. Not only are browser inconsistencies rampant in form elements, but it is very difficult to get an advanced form to layout correctly, both visually & semantically. To alleviate these issues and to help designers / developers avoid unwanted stress, I took a crack at developing “RMSforms”, a CSS forms framewo
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
Pelfusion - All about technology
The moments after your phone gets wet are crucial. Follow these steps to improve your chances of saving your device. … Read more
The Definitive Guide To Styling Links With CSS — Smashing Magazine
Hyperlinks (or links) connect Web pages. They are what make the Web work, enabling us to travel from one page to the next at the click of a button. As Web Standardistas put it, “without hypertext links the Web wouldn’t be the Web, it would simply be a collection of separate, unconnected pages.” So without links, we’d be lost. We look for them on the page when we want to venture further. Sure, we p
50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms) — Smashing Magazine
Although CSS is generally considered a simple and straightforward language, sometimes it requires creativity, skill and a bit of experimentation. The good news is that designers and developers worldwide often face similar problems and choose to share their insights and workarounds with the wider community. This is where we come in. We are always looking to collect such articles for our posts so th
YahooのSEOに関する疑問・質問に物凄い勢いで答えてみる | パシのSEOブログ
※この記事は、2010年12月以前のYahooの検索エンジンがYSTだった頃の記事となっていますので、Googleの検索エンジンを利用している現在のYahooには当てはまりません。 今に始まった事ではありませんが、YahooのSEO対策やペナルティに関する質問や相談を良く頂きます。それほど日本ではYahooからの集客が大事なことであり、困っている人も多いということなのでしょう。 Googleに関する質問や相談はあまり頂きません。これは検索エンジンシェアの関係ももちろんありますが、それよりはGoogleが積極的に情報を公開しているという事と、Yahooのような”不可解”なペナルティ（フィルタ）が無いからだと思います。⇒GoogleのSEOに効果的なテクニックまとめ Yahooに関する情報を配信しているサイトやブログもあるのですが、サイトごとに言っている事が全然違うので、より混乱を招いているの
35+ Useful jQuery Filter and Sort Plugins | Tripwire Magazine
35+ Useful jQuery Filter and Sort Plugins by Lars | Last updated Feb 18, 2017 | Development | 39 comments By using jQuery filter and jQuery sort plugins you will be able to have a great control over the order, placement and organization of your page / or table elements. Further some of these plugins include drag-able controls making it possible to offer a more dynamic and user friendly design. Sor
マークアップ効率化 - zen-codingでコーディングを倍速に
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
How to build a fast, simple list filter with jQuery | Kilian Valkhof
How to build a fast, simple list filter with jQuery Sometimes you want users of your web-app to quickly filter a list down. For example, a web-app I’m currently working on features a page listing two dozen countries, and I want users to find the country they are looking for as fast as possible. This article shows you how little code is needed to add this in a fast, progressively-enhanced way using
GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利サイト「ScriptSrc.net」:phpspot開発日誌
GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利サイト「ScriptSrc.net」 2010年04月28日- jQuery google api and other google hosted javascript libraries. - ScriptSrc.net GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利サイト「ScriptSrc.net」。 jQueryを使うサイトでは、通常、自分のサーバにjQueryをアップロードして、<script>タグ書いて、srcでその位置を指定して、なんていう面倒なステップを踏むわけですが、このサイトにアクセスしてボタンを１回おせば、利用用のタグがクリップボードにコピーされます。 コピー例：<script type="text/javascript" src="htt
30 Pure CSS Alternatives to JavaScript — Speckyboy
Resources by Application Bootstrap Templates Figma Templates Flyer Templates Illustrator Templates InDesign Templates Lightroom Presets Logo Templates Logo Fonts Mockup Templates Photoshop Actions Photoshop Brushes Resume Templates Tailwind CSS UI Kits Web Templates Video & Motion Design Templates All Motion Design After Effects Apple Motion DaVinci Resolve Final Cut Pro Premiere Pro Presentation
米アドビ、Dreamweaver CS5のHTML5ソリューションパックを無償提供 | クリエイティブ | マイコミジャーナル
Adobe Labs ダウンロードページより 米アドビ システムズは、Adobe Dreamweaver CS5の拡張機能でとなるHTML5ソリューション「HTML5 Pack」の無償ダウンロードを開始した。 米アドビ システムズは、「Google I/O」カンファレンスにおいてWebデザイナーと開発者向けの最新のHTML5ソリューション「HTML5 Pack」の提供を開始すると発表。無償ダウンロードが可能となった。 HTML5 Packの拡張機能では、HTML5とCSS3の各種機能向けの新たなコードヒントが採用されており、DreamweaverユーザーはHTML5用の最新タグを簡単に活用できるほか、WebKitエンジンもアップデートされ、Dreamweaver CS5のライブビューでの動画と音声の再生に対応。最新のCSS3機能によって、様々なブラウザや端末でのレンダリング状況をプレビュー
Video.js - Make your player yours
Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube and Vimeo. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and is used on over 450,000 websites. Plays anythingPlays “traditional” file formats such as MP4 and WebM, but
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家） HTMLコーディングが3倍速くなる？「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2010年になる前に、見ておきたい15のウェブサイトのデザイン
Expert Tips, How-To Guides & Local Insights for Canadian | PrimerCSS
[CSS]CSS3で何ができるの？ という時にみておきたいサイト集
W3Mag