HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
Subtle Patterns | Free textures for your next web project
These lovely water-colorful dots will make your designs pop...
Adobe CS5風のアイコンがとっても簡単に作られるアイコンジェネレータ*二十歳街道まっしぐら（FC2ブログ時代）
「CS5風アイコンジェネレータ」では、Adobe CS5風のアイコンが簡単に作れます。 こんな感じのアイコンが作れるということです。 文字を入力、色を決めるだけで！あとは自動的に作ってくれます。 その場でダウンロードおよびTwitterアイコンに設定ができますよ！ 開発者の方の記事はこちら： お手軽にCS5風のアイコンが作れるIcon Generatorをリリースしました Icon Generatorができるまで～制作レポート～ CS5およびCS4、Web2.0アイコンが作れます。 CS3は過去記事で紹介しています： 綺麗なアイコンがサクっと作れちゃうツール「Icon Generator」 以下に使ってみた様子を載せておきます。 まず、「CS5風アイコンジェネレータ」にアクセスします。 するとこんな感じでジェネレータが表示されます。 好みの文字を入力し、色を指定します。 「アイコンを保存す
コリス
ページ上で動作するアクティブなビュー遷移にリンクされたすべてのアニメーションを取得するJavaScriptのコードを紹介します。 数行のコードをコピペするだけで使用でき、アニメーションを反転させたり、継続時間を変更したり、キーフレームを変更したりなど、さまざまな操作を実行できます。 ビュー遷移（View Transitions）はSafariでもサポートされ、今年は使用する機会が増えそうですね。
世界のPHPテンプレートエンジン、トップ25
PHPテンプレートエンジンというのは、PHPによるプログラム部分と、HTMLによるデザイン部分を分離することによって、メンテナンス性を向上させることができる、というもの。 プログラムするPHPを扱う側の人にとって見れば、デザイナーの仕上がりを待たずにソースの修正などが可能になり、デザイナー側から見れば、PHPの知識が無くてもテンプレートファイルの部分を変更するだけでデザイン可能になる、というわけ。 そんなPHPテンプレートエンジンの中でも特に有名なトップ25を見てみましょう。 Jaslabs >> Top 25 PHP template engines 中には知らないのも混じってますが、それだけいろいろあるよ、ということで。 Smarty 動作速度の高速さとフレキシブルなところがウリ、かなり有名。 Heyes Template Class とても使うのが簡単で、パワフルらしい。ページレイア
CSS着せ替えテンプレート企画
CDPで用いられているHTML 4.01は最新のバージョンの仕様ではなく、2018年には「Superseded Recommendation（古いもの）」のステータスになっています。 直ちにCDPがブラウザで表示できなくなるということはないですが、 現在CDPを使っている方やこれから導入を考えている方は、より新しい仕様に書き換えての使用を強く推奨します。 2019年6月追記 基礎HTMLをダウンロードしたい方は基礎HTML配布にアクセスしてください なぜこういった形態の配布法をしているのか知るためにはユーザーMENUにアクセスしてください 配布されているCDPを探したい方はCSS配布サイトリンクを利用してください CDPのCSSを自身で作成し配布したい方は制作者MENUにアクセスしてください 疑問点があったり理解を深めたい方はFAQにアクセスしてください このサイトについて CSS着せ替え
「無料で使える画像素材が満載の20サイト！」という記事があったので本当に使えるものだけピックアップしてみた - IDEA*IDEA 〜 百式管理人のライフハックブログ 〜
ドットインストール代表のライフハックブログ
[CSS]スタイルシートの実用的なテクニック集：レイアウト・ナビゲーション・画像・タイポグラフィ・アイコン・ボタン・リンク編
[CSS]スタイルシートの実用的なテクニック集：レイアウト・ナビゲーション・画像・タイポグラフィ・アイコン・ボタン・リンク編
[CSS]スタイルシートの実用的なテクニック集：エレメント・CSS3・Tips編
先日紹介した「レイアウト・ナビゲーション・画像・タイポグラフィ・アイコン・ボタン・リンク編」の続編となる、リスト・カレンダー・表・フォームなどのエレメントの実装や進歩したスタイルシートのテクニック集をSmashing Magazineから紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
新着記事
favicon.ico（ファビコン）の作り方 | IDEA*IDEA
IDEA * IDEA